<template>
  <!-- 分销专题 -->
  <div>
    <div v-for="(item, index) in tplData" :key="index">
      <diy-audio v-if="item.type ==15" :tplItemData="item.content"></diy-audio>
      <blank v-else-if="item.type ==11" :tplItemData="item.content"></blank>
      <bulletin v-else-if="item.type ==16" :tplItemData="item.content" ></bulletin>
      <card-list v-else-if="item.type ==21" :tplItemData="{...item.content, ...{magazineType: item.type}}"></card-list>
      <community v-else-if="item.type ==29" :tplItemData="item.content"></community>
      <cut-line v-else-if="item.type ==10" :tplItemData="item.content"></cut-line>
      <diy-module v-else-if="item.type ==3" :tplItemData="item.content"></diy-module>
      <editor v-else-if="item.type ==1" :tplItemData="item.content"></editor>
      <goods v-else-if="item.type ==4" :tplItemData="item.content" :tplAllData="item"></goods>
      <goods-cate v-else-if="item.type ==17" :tplItemData="item.content"></goods-cate>
      <goods-list v-else-if="item.type ==5" :tplItemData="item.content"></goods-list>
      <goods-sales v-else-if="item.type ==20 && JSON.stringify(item.content) != '{}'" :tplItemData="item.content"></goods-sales>
      <goods-search v-else-if="item.type ==6" :tplItemData="item.content"></goods-search>
      <img-adv v-else-if="item.type ==9" :tplItemData="item.content"></img-adv>
      <img-nav v-else-if="item.type ==8" :tplItemData="item.content"></img-nav>
      <min-type v-else-if="item.type ==18" :tplItemData="item.content"></min-type>
      <!-- <page-set v-else-if="item.type ==11" :tplItemData="item.content"></page-set> -->
      <pd-living v-else-if="item.type ==30" :tplItemData="item.content"></pd-living>
      <point-exchange v-else-if="item.type ==27" :tplItemData="item.content"></point-exchange>
      <pre-sell v-else-if="item.type ==31" :tplItemData="item.content"></pre-sell>
      <reco-goods v-else-if="item.type ==19" :tplItemData="item.content"></reco-goods>
      <sec-kill v-else-if="item.type ==28" :tplItemData="item.content"></sec-kill>
      <showcase v-else-if="item.type ==13" :tplItemData="item.content"></showcase>
      <slide-nav v-else-if="item.type ==22" :tplItemData="item.content"></slide-nav>
      <slide-top-nav v-else-if="item.type ==23" :tplItemData="item.content"></slide-top-nav>
      <store  v-else-if="item.type ==25" :tplItemData="item.content"></store>
      <text-nav v-else-if="item.type ==7" :tplItemData="item.content"></text-nav>
      <title-tpl v-else-if="item.type ==2" :tplItemData="item.content"></title-tpl>
      <top-menu v-else-if="item.type ==12" :tplItemData="item.content"></top-menu>
      <diy-video v-else-if="item.type ==14" :tplItemData="item.content" :vid="item.id"></diy-video>
      <live-list v-else-if="item.type ==44" :tplItemData="item.content" :type="item.type"></live-list>
      <live-list v-else-if="item.type ==54" :tplItemData="item.content" :type="item.type"></live-list>
      <xcx-link v-else-if="item.type ==40" :tplItemData="item.content"></xcx-link>
      <magazine-img v-else-if="item.type =='Header_style56_imgTitle' || item.type =='Header_style57_imgTitle' || item.type =='Header_style58_imgTitle' || item.type =='Header_style60_imgTitle' || item.type =='Header_style61_imgTitle' || item.type =='Header_style66_imgTitle' || item.type =='Header_style67_imgTitle'" :tplItemData="item.content"></magazine-img>

      <magazine-slide-img v-else-if="item.type =='Header_style61_slideImgNav'" :tplItemData="item.content"></magazine-slide-img>

      <!-- <city-mian v-else-if="item.type ==26" :tplItemData="item.content"></city-mian> -->
    </div>
  </div>
</template>

<script>
import diyAudio from '@/components/diyTpl/decoration/audio'
import blank from '@/components/diyTpl/decoration/blank'
import bulletin from '@/components/diyTpl/decoration/bulletin'
import cardList from '@/components/diyTpl/decoration/cardList'
import community from '@/components/diyTpl/decoration/community'
import cutLine from '@/components/diyTpl/decoration/cutLine'
import diyModule from '@/components/diyTpl/decoration/diyModule'
import editor from '@/components/diyTpl/decoration/editor'
import goods from '@/components/diyTpl/decoration/goods'
import goodsCate from '@/components/diyTpl/decoration/goodsCate'
import goodsList from '@/components/diyTpl/decoration/goodsList'
import goodsSales from '@/components/diyTpl/decoration/goodsSales'
import goodsSearch from '@/components/diyTpl/decoration/goodsSearch'
import imgAdv from '@/components/diyTpl/decoration/imgAdv'
import imgNav from '@/components/diyTpl/decoration/imgNav'
import minType from '@/components/diyTpl/decoration/minType'
// import pageSet from '@/components/diyTpl/decoration/pageSet'
import pdLiving from '@/components/diyTpl/decoration/pdLiving'
import pointExchange from '@/components/diyTpl/decoration/pointExchange'
import preSell from '@/components/diyTpl/decoration/preSell'
import recoGoods from '@/components/diyTpl/decoration/recoGoods'
import secKill from '@/components/diyTpl/decoration/secKill'
import showcase from '@/components/diyTpl/decoration/showcase'
import slideNav from '@/components/diyTpl/decoration/slideNav'
import slideTopNav from '@/components/diyTpl/decoration/slideTopNav'
import store from '@/components/diyTpl/decoration/store'
import textNav from '@/components/diyTpl/decoration/textNav'
import titleTpl from '@/components/diyTpl/decoration/title'
import topMenu from '@/components/diyTpl/decoration/topMenu'
import diyVideo from '@/components/diyTpl/decoration/video'
import liveList from '@/components/diyTpl/decoration/liveList'
import xcxLink from '@/components/diyTpl/decoration/xcxLink'

import magazineImg from './magazineImg/index'
import magazineSlideImg from './magazineSlideImg/index'
// import cityMian from '@/components/diyTpl/decoration/cityMain'

import Vue from 'vue'
export default Vue.extend({
  props: {
    tplData: {
      type: Array,
      default() {
        return []
      }
    }
  },
  components: {
    diyAudio,
    blank,
    bulletin,
    cardList,
    community,
    cutLine,
    diyModule,
    editor,
    goods,
    goodsCate,
    goodsList,
    goodsSales,
    goodsSearch,
    imgAdv,
    imgNav,
    minType,
    // pageSet,
    pdLiving,
    pointExchange,
    preSell,
    recoGoods,
    secKill,
    showcase,
    slideNav,
    slideTopNav,
    store,
    textNav,
    titleTpl,
    topMenu,
    diyVideo,
    magazineImg,
    magazineSlideImg,
    liveList,
    xcxLink
    // cityMian
  }
})
</script>

<style>

</style>